.box{
    .container{
        @media (min-width:768px) {
            width: 768px;
        }  
        @media (min-width:992px) {
            width: 992px;
        } 
        @media (min-width:1200px) {
            width: 1200px;
        }    
        @media (min-width:1400px) {
            width: 1230px;
        }  
    }
    .navbar{
        background-color: #023c77;
        margin-bottom: 0;
        border: 0;
        border-radius: 0;
        .container{
            @media (min-width:768px) {
                width: 768px;
            }  
            @media (min-width:992px) {
                width: 992px;
            } 
            @media (min-width:1200px) {
                width: 1200px;
            }        
            @media (min-width:1400px) {
                width: 1230px;
            }      
        }
        .navbar-header{
            .navbar-toggle{
                margin: 22.5px 0;
                margin-right: 15px;
                @media (max-width:500px) {
                    padding: 4.5px 5px;
                    margin: 13.5px 0;
                    margin-right: 15px;
                    .icon-bar{
                        width: 11px;
                        height: 1px;
                    }
                }
                &:hover{
                    background-color: #022548
                }
                .icon-bar{
                    background-color: #fff;
                }
            }
            .navbar-brand{
                padding: 15px 0 8px 15px;
                height: auto;
                .logoBox{
                    display: flex;
                    &>img{
                        @size:24px;
                        @media (max-width:500px) {
                            height: @size;
                        }
                        &:nth-of-type(1){
                            margin-right: 12px;
                        }
                    }
                }   
            }
        }
        .nav{
            .isActive{
                background-color: #008cd7;
            }
            &>li{
                @width:130px;
                width: @width;
                @media (max-width:1200px){
                    width: @width*0.75;
                }
                @media (max-width:992px){
                    width: @width*0.48;
                }
                @media (max-width:767px){
                    width: 100%;
                }
                &>a{
                    @lineHeight:77px;
                    color: #fff;
                    line-height: @lineHeight;
                    font-size: 14px;
                    padding: 0;
                    text-align: center;
                    @media (max-width:500px) {
                        line-height: @lineHeight*0.5;
                    }
                }
            }
        }
    }
    #goHome{
        position: fixed;
        z-index: 99;
        right: 1%;
        bottom: 10%;
        @size:98px;
        @fonsize:22px;
        width: @size;
        height: @size;
        font-size: @fonsize;
        background-color: #008cd7;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        @media (max-width:1200px){
            width: @size*0.75;
            height:@size*0.75;
            font-size:@fonsize*0.75;

        }
        @media (max-width:992px){
            width: @size*0.48;
            height:@size*0.48;
            font-size:@fonsize*0.48;

        }
        @media (max-width:500px){
            width: @size*0.24;
            height:@size*0.24;
            font-size:@fonsize*0.24;
        }
        &>a{
            color: #fff;
            text-decoration: none;
        }
    }
    #carousel-example-generic{
        .carousel-indicators{
            bottom: 7.44%;
            display: flex;
            justify-content: center;
            .isActive{
                background-color: #008cd7;
            }
            &>li{
                @width:70px;
                @height:14px;
                width: @width;
                height: @height;
                border-radius: 0;
                margin: 0 0.69444444444vw;
                border: 0;
                background-color: #fff;
                @media (max-width:1200px){
                    width: @width*0.75;
                    height: @height*0.75;
                }
                @media (max-width:992px){
                    width: @width*0.48;
                    height: @height*0.48;
                }
                @media (max-width:500px){
                    width: @width*0.24;
                    height: @height*0.24;
                }
            }
        }
        .carousel-inner{
            .item{
                &>img{
                    width: 100%;
                }
                .carousel-caption{
                    bottom: 17.2%;
                    left: 0 ;
                    right: 0;
                    margin: 0 auto;
                    .titleBox{
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        &>p{
                            @lineHeight:121px;
                            @fontSize:40px;
                            line-height: @lineHeight;
                            font-size: @fontSize;
                            color: #023c77;
                            width: 84.5vw;
                            background-color: rgba(255, 255, 255, .5);
                            @media (max-width:1200px){
                                line-height: @lineHeight*0.75;
                                font-size: @fontSize*0.75;
                            }
                            @media (max-width:992px){
                                line-height: @lineHeight*0.48;
                                font-size: @fontSize*0.48;
                            }
                            @media (max-width:500px){
                                line-height: @lineHeight*0.24;
                                font-size: @fontSize*0.24;
                            }
                        }
                        &>div{
                            @padding:60px;
                            padding: @padding 0;
                            width: 84.5vw;
                            background-color: rgba(30, 153, 219, .8);
                            @media (max-width:1200px){
                                padding: @padding*0.75 0;
                            }
                            @media (max-width:992px){
                                padding: @padding*0.48 0;
                            }
                            @media (max-width:500px){
                                padding: @padding*0.24 0;
                            }
                            &>p{
                                color: #fff;
                                &:nth-of-type(1){
                                    @fontSize:32px;
                                    @lineHeight:46px;
                                    font-size:@fontSize;
                                    line-height: @lineHeight;
                                    @media (max-width:1200px){
                                        line-height: @lineHeight*0.75;
                                        font-size: @fontSize*0.75;
                                    }
                                    @media (max-width:992px){
                                        line-height: @lineHeight*0.48;
                                        font-size: @fontSize*0.48;
                                    }
                                    @media (max-width:500px){
                                        line-height: @lineHeight*0.24;
                                        font-size: @fontSize*0.24;
                                    }
                                }
                                &:nth-of-type(2){
                                    @fontSize:14px;
                                    @lineHeight:24px;
                                    font-size:@fontSize;
                                    line-height: @lineHeight;
                                    @media (max-width:1200px){
                                        line-height: @lineHeight*0.75;
                                        font-size: @fontSize*0.75;
                                    }
                                    @media (max-width:992px){
                                        line-height: @lineHeight*0.48;
                                        font-size: @fontSize*0.48;
                                    }
                                    @media (max-width:500px){
                                        line-height: @lineHeight*0.24;
                                        font-size: @fontSize*0.3;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    #introduction{
        @marginTop:70px;
        margin-top: @marginTop;
        @media (max-width:1200px){
            margin-top: @marginTop*0.75;
        }
        @media (max-width:992px){
            margin-top: @marginTop*0.48;
        }
        @media (max-width:500px){
            margin-top: @marginTop*0.24;
        }
        .container{
            @media (min-width:768px) {
                width: 768px;
            }  
            @media (min-width:992px) {
                width: 992px;
            } 
            @media (min-width:1200px) {
                width: 1200px;
            }    
            @media (min-width:1400px) {
                width: 1230px;
            }          
            .introduce{
                .col-lg-7{
                    .imgBox{
                        &>img{
                            width: 100%;
                            @media (max-width:1200px) {
                                width: 70%;
                            }
                        }
                    }
                }
                .col-lg-5{
                    @marginTop:39px;
                    margin-top: @marginTop;
                    @media (max-width:1200px){
                        margin-top: @marginTop*0.75;
                    }
                    @media (max-width:992px){
                        margin-top: @marginTop*0.48;
                    }
                    @media (max-width:500px){
                        margin-top: @marginTop*0.24;
                    }
                    .title{
                        @fontSize:28px;
                        @lineHeight:62px;
                        font-size: @fontSize;
                        line-height: @lineHeight;
                        color: #16467d;
                        font-weight: 600;
                    }
                    .titleEn{
                        @fontSize:13px;
                        @lineHeight:22px;
                        @marginBottom:26px;
                        font-size: @fontSize;
                        line-height: @lineHeight;
                        margin-bottom: @marginBottom;
                        color: #16467d;
                        max-width: 83.7%;
                    }
                    .text{
                        @fontSize:13px;
                        @lineHeight:26px;
                        @marginBottom:13px;
                        font-size: @fontSize;
                        line-height: @lineHeight;
                        margin-bottom: @marginBottom;
                        color: #adadad;
                        &>span{
                            @fontSize:17px;
                            font-size: @fontSize;
                            white-space: nowrap;
                        }
                    }
                }
            }
            .advantage{
                display: flex;
                flex-direction: column;
                &>p{
                    @fontSize:28px;
                    @lineHeight:96px;
                    @marginTop:66px;
                    font-size: @fontSize;
                    line-height: @lineHeight;
                    margin-top: @marginTop;
                    padding-left: 15px;
                    color: #023c77;
                    font-weight: 600;
                    @media (max-width:1200px){
                        margin-top: @marginTop*0.75;
                    }
                    @media (max-width:992px){
                        margin-top: @marginTop*0.48;
                    }
                    @media (max-width:500px){
                        margin-top: @marginTop*0.24;
                    }
                    &>span{
                        @fontSize:20px;
                        font-size: @fontSize;
                        font-weight: 500;
                    }
                }
                .floor{
                    display: flex;
                    justify-content: space-between;
                    padding: 0 15px;
                    &:nth-of-type(2){
                        margin-top: 15px;
                    }
                    .floor1Item{
                        @media (max-width:1400px) {
                            margin-left:13px;
                        }
                    }
                    .floor2Item{
                        @media (max-width:1400px) {
                            margin:0 13px;
                        }
                    }
                    .itemBig{
                        // @paddingRight:13px;
                        // padding-right: @paddingRight;
                        .imgBox{
                            position: relative;
                            display: flex;
                            &:hover{
                                .mask{
                                    opacity: 1;
                                }
                            }
                            &>img{
                                @media (max-width:1400px) {
                                    width: 100%;
                                }
                            }
                            .mask{
                                @fontSize:25px;
                                font-size: @fontSize;
                                height: 100%;
                                position: absolute;
                                color: #fff;
                                top: 0;
                                left: 0;
                                background-color: rgba(30, 153, 219, 0.8);
                                padding: 0 11.76%;
                                display: flex;
                                align-items: center;
                                line-height: normal;
                                opacity: 0;
                                transition: .5s;
                                @media (max-width:1200px){
                                    font-size: @fontSize*0.75;
                                }
                                @media (max-width:992px){
                                    font-size: @fontSize*0.48;
                                }
                                @media (max-width:500px){
                                    font-size: @fontSize*0.3;
                                }
                            }
                        }
                    }
                    .item{
                        .imgBox{
                            display: flex;
                            position: relative;
                            &:hover{
                                .mask{
                                    opacity: 1;
                                }
                            }
                            &>img{
                                @media (max-width:1400px) {
                                    width: 100%;
                                }
                            }
                            .mask{
                                @fontSize:24px;
                                position: absolute;
                                font-size: @fontSize;
                                color: #fff;
                                font-weight: 600;
                                bottom: 0;
                                left: 0;
                                background-color: rgba(30, 153, 219, 0.8);
                                padding: 0 11.76%;
                                width: 100%;
                                height: 20%;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                line-height: normal;
                                transition: .5s;
                                opacity: 0;
                                @media (max-width:1200px){
                                    font-size: @fontSize*0.75;
                                }
                                @media (max-width:992px){
                                    font-size: @fontSize*0.48;
                                }
                                @media (max-width:500px){
                                    font-size: @fontSize*0.3;
                                }
                            }
                        }
                    }
                }
                 
            }
            
        }
    }
    #news{
        @marginTop:70px;
        margin-top: @marginTop;
        background-color: #fafafa;
        @media (max-width:1200px){
            margin-top: @marginTop*0.75;
        }
        @media (max-width:992px){
            margin-top: @marginTop*0.48;
        }
        @media (max-width:500px){
            margin-top: @marginTop*0.24;
        }
        .container{
            @media (min-width:768px) {
                width: 768px;
            }  
            @media (min-width:992px) {
                width: 992px;
            } 
            @media (min-width:1200px) {
                width: 1200px;
            }    
            @media (min-width:1400px) {
                width: 1230px;
            }    
            &>p{
                @fontSize:28px;
                @lineHeight:66px;
                @marginTop:51px;
                font-size: @fontSize;
                line-height: @lineHeight;
                margin-top: @marginTop;
                color: #023c77;
                font-weight: 600;
                @media (max-width:1200px){
                    margin-top: @marginTop*0.75;
                }
                @media (max-width:992px){
                    margin-top: @marginTop*0.48;
                }
                @media (max-width:500px){
                    margin-top: @marginTop*0.24;
                }
                &>span{
                    @fontSize:20px;
                    font-size: @fontSize;
                    font-weight: 500;
                }
            }
            .newsList{
                display: flex;
                flex-wrap: wrap;
                &>div{
                    width: 50%;
                    @media (max-width:992px) {
                        width: 100%;
                    }
                }
                .innerNews{
                    .nav{
                        @marginBottom:30px;
                        margin-bottom: @marginBottom;
                        display: flex;
                        &>li+li{
                            margin-left: 10%;
                        }
                        &>li{
                            &.isActive{
                                &>a{
                                    color: #fff;
                                    background-color: #008cd7;
                                }
                            }
                            &>a{
                                border-radius: 0;
                                font-size: 13px;
                                padding: 5px 11px;
                                color: #8c8c8c;
                            }
                        }
                    }
                    .content{
                        .imgBox{
                            display: flex;
                            &>img{
                                width: 91.66666666%;
                            }
                        }
                        .textBox{
                            @paddingTop:18px;
                            @paddingLeft:40px;
                            padding-top: @paddingTop;
                            padding-left: @paddingLeft;
                            box-sizing: border-box;
                            width: 91.66666666%;
                            background-color: #008cd7;
                            &>div{  
                                @paddingBottom:19px;
                                padding-bottom: @paddingBottom;
                                .theText{
                                    @paddingBottom:30px;         
                                    padding-bottom: @paddingBottom;
                                    color: #fff;
                                    max-width: 72.7272%;
                                    border-bottom: 1px solid #51aee0;
                                    .day{
                                        font-size: 22px;
                                        line-height: 30px;
                                    }
                                    .date{
                                        font-size: 8px;
                                        line-height: 14px;
                                    }
                                    .title{
                                        font-size: 17px;
                                        line-height: 53px;
                                    }
                                    .text{
                                        font-size: 11px;
                                        line-height: normal;
                                    }
                                }
                                &>p{
                                    @lineHeight:47px;
                                    line-height: @lineHeight;
                                    font-size: 9px;
                                    color: #fff;
                                }
                            }
                            
                        }
                    }
                }
                .outerNews{
                    display: flex;
                    flex-direction: column;
                    .nav{
                        @marginBottom:30px;
                        margin-bottom: @marginBottom;
                        display: flex;
                        @media (max-width:992px) {
                            margin-top: 30px;
                        }
                        &>li+li{
                            margin-left: 10%;
                        }
                        &>li{
                            &.isActive{
                                &>a{
                                    color: #fff ;
                                    background-color: #008cd7;
                                }
                            }
                            &>a{
                                border-radius: 0;
                                font-size: 13px;
                                padding: 5px 11px;
                                color: #8c8c8c;
                            }
                        }
                    }
                    .content{
                        flex: 1;
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        .item{
                            width: 48.75%;
                            background-color: #fff;
                            box-shadow: 1px 2px 5px 0px #eee,-1px -2px 5px 0px #eee;
                            flex-shrink: 0;
                            flex-basis: auto;
                            flex-grow: 0;
                            margin-bottom: 15px;
                            &:nth-last-of-type(1){
                                margin-bottom: 0;
                            }
                            &:nth-last-of-type(2){
                                margin-bottom: 0;
                            }
                            &>div{
                                padding: 20px;
                                .imgBox{
                                    display: flex;
                                    &>img{
                                        width: 100%;
                                    }
                                }
                                .textBox{
                                    margin-top: 6px;
                                    .title{
                                        font-size: 13px;
                                        line-height: 21px;
                                        color: #023c77;
                                        white-space: nowrap;
                                        text-overflow: ellipsis;
                                        overflow: hidden;
                                        font-weight: 600;
                                    }
                                    .time{
                                        font-size: 7px;
                                        line-height: 15px;
                                        color: #999999;
                                    }
                                }
                            }
                           
                        }
                    }
                }
            }
            .more{
                @marginTop:40px;
                @marginBottom:70px;
                margin-top: @marginTop;
                margin-bottom: @marginBottom;
                font-size: 17px;
                line-height: 38px;
                color: #fff;
                display: flex;
                justify-content: center;
                @media (max-width:1200px){
                    margin-top: @marginTop*0.75;
                    margin-bottom: @marginTop*0.75;
                }
                @media (max-width:992px){
                    margin-top: @marginTop*0.48;
                    margin-bottom: @marginTop*0.48;
                }
                @media (max-width:500px){
                    margin-top: @marginTop*0.24;
                    margin-bottom: @marginTop*0.24;
                }
                &>p{
                    background-color: #008cd7;
                    @padding:90px;
                    padding: 0 @padding;
                    @media (max-width:1200px){
                        padding:0 @padding*0.75;
                    }
                    @media (max-width:992px){
                        padding:0 @padding*0.48;
                    }
                    @media (max-width:500px){
                        padding:0 @padding*0.24;
                    }
                }
               
            }
        }
        
    }
    #partner{
        .container{
            &>p{
                @fontSize:28px;
                @lineHeight:96px;
                @marginTop:85px;
                font-size: @fontSize;
                line-height: @lineHeight;
                margin-top: @marginTop;
                padding-left: 15px;
                color: #023c77;
                font-weight: 600;
                @media (max-width:1200px){
                    margin-top: @marginTop*0.75;
                }
                @media (max-width:992px){
                    margin-top: @marginTop*0.48;
                }
                @media (max-width:500px){
                    margin-top: @marginTop*0.24;
                }
                &>span{
                    @fontSize:20px;
                    font-size: @fontSize;
                    font-weight: 500;
                }
            }
            .row{
                display: flex;
                flex-wrap: wrap;
                .item{
                    @media (max-width:992px) {
                        margin-top: 20px;
                        &:nth-of-type(1){
                            margin-top: 0;
                        }
                        &:nth-of-type(2){
                            margin-top: 0;
                        }
                    }
                    &>div{
                        height: 100%;
                        background-color: #023c77;
                        .imgBox{
                            display: flex;
                            &>img{
                                width: 100%;
                            }
                        }
                        .textBox{
                            margin-top: 14px;
                            margin-left: 29px;
                            padding-bottom: 10px;
                            color: #fff;
                            line-height: normal;
                            .country{
                                font-size: 23px;
                                line-height: 43px;
                                position: relative;
                                &::after{
                                    display: block;
                                    position: absolute;
                                    height: 1px;
                                    content: "";
                                    background-color: #ccd8e4;
                                    width: 20%;
                                }
                            }
                            .name{
                                font-size: 16px;
                                margin-top: 20px;
                            }
                            .nameEn{
                                font-size: 7px;
                            }
                            .text{
                                margin-top: 10px;
                                font-size: 9px;
                                max-width: 72%;
                                @media (max-width:1200px) {
                                    max-width: 90%; 
                                }
                            }
                        }
                    }
                    
                }
            }
            .more{
                @marginTop:40px;
                @marginBottom:70px;
                margin-top: @marginTop;
                margin-bottom: @marginBottom;
                font-size: 17px;
                line-height: 38px;
                color: #fff;
                display: flex;
                justify-content: center;
                @media (max-width:1200px){
                    margin-top: @marginTop*0.75;
                    margin-bottom: @marginTop*0.75;
                }
                @media (max-width:992px){
                    margin-top: @marginTop*0.48;
                    margin-bottom: @marginTop*0.48;
                }
                @media (max-width:500px){
                    margin-top: @marginTop*0.24;
                    margin-bottom: @marginTop*0.24;
                }
                &>p{
                    background-color: #008cd7;
                    @padding:90px;
                    padding: 0 @padding;
                    @media (max-width:1200px){
                        padding:0 @padding*0.75;
                    }
                    @media (max-width:992px){
                        padding:0 @padding*0.48;
                    }
                    @media (max-width:500px){
                        padding:0 @padding*0.24;
                    }
                }
               
            }
        }
        
    }
    #theLink{
        @paddingTop:60px;
        @paddingBottom:80px;
        padding: @paddingTop 0 @paddingBottom 0;
        background-color: #eeeeee;
        @media (max-width:1200px){
            padding-top: @paddingTop*0.75;
            padding-bottom: @paddingBottom*0.75;
        }
        @media (max-width:992px){
            padding-top: @paddingTop*0.48;
            padding-bottom: @paddingBottom*0.48;
        }
        @media (max-width:500px){
            padding-top: @paddingTop*0.24;
            padding-bottom: @paddingBottom*0.24;
        }
        .container{
            .content{
                display: flex;
                flex-wrap: wrap;
                .imgBox{
                    display: flex;
                    align-items: start;
                }
                .logo{
                    display: flex;
                    @media (max-width:737px) {   
                        width: 100%;
                        justify-content: center;
                        margin-top: 10px;
                    }
                    @media (max-width:523px) {   
                        width: 100%;
                        flex-direction: column;
                        align-items: center;
                        .logoBox{
                            &:nth-last-of-type(1){
                                margin-top: 10px;
                                margin-left: 0 !important;
                            }
                        }
                    }
                    .logoBox{
                        width: 355px;
                        background-color: #fff;
                        justify-content: center;                        
                        display: flex;
                       &:nth-last-of-type(1){
                        margin-left: 20px;
                       }
                        @media (max-width:997px) {
                            width: 226px;
                        }
                        &>img{
                            max-width: 100%;
                        }
                    }
                }
                
                &>p{
                    font-size: 28px;
                    color: #023c77;
                    font-weight: 600;
                }
            }
            
        }
    }
    #contact{
        @padding:55px;
        padding: @padding 0;
        background-color: #023c77;
        .container{
            .row{
                .item{
                    .content{
                        .contactUs{
                            color: #fff;
                            line-height: 56px;
                            font-size: 28px;
                            margin-bottom: 15px;
                            &>span{
                                font-size: 18px;
                            }
                        }
                        .info{
                            color: #fff;
                            line-height: 34px;
                            font-size: 12px;
                            display: flex;
                            flex-wrap: wrap;
                            @media (max-width:352px) {
                                font-size: 10px;
                            }
                            @media (max-width:300px) {
                                font-size: 8px;
                            }
                            &:nth-of-type(1){
                                &>div{
                                    @media (max-width:426px) {
                                        padding-right: 30px;
                                        padding-left: 0;
                                    }
                                    @media (max-width:378px) {
                                        padding-right: 0px;
                                        padding-left: 0;
                                    }
                                }
                            }
                            &:nth-of-type(2){
                                &>div{
                                    @media (max-width:400px) {
                                        padding-right: 30px;
                                        padding-left: 0;
                                    }
                                }
                            }
                            &>div{
                                padding-left: 30px;
                                display: flex;
                                
                                .imgBox{
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    &>img{
                                        margin-left: 10px;
                                    }
                                }
                                // @media (max-width:426px) {
                                //     .imgBox{
                                //         padding-right:10px;
                                //         &>img{
                                //             margin-left: 0px;
                                //         }
                                //     }
                                // }
                                
                            }            
                          
                        }
                        .quarantine{
                            margin-top: 7px;
                            height: 1px;
                            width: 50%;
                            background-color: #6a87a5;
                        }
                        .logoBox{
                            @marginTop:13px;
                            margin-top: @marginTop;
                            display: flex;
                            align-items: end;
                            @media (max-width:480px) {
                                flex-wrap: wrap;
                            }
                            .imgBox{
                                .logo{
                                    @size:52px;  
                                    @media (max-width:480px) {
                                        height: @size*0.5;
                                    }
                                }
                                .logoTitle{
                                    @size:46px;  
                                    @media (max-width:480px) {
                                        height: @size*0.5;
                                    }
                                }
                                .sama{
                                    @size:79px;  
                                    @media (max-width:480px) {
                                        height: @size*0.5;
                                    }
                                }
                                &>img{
                                    &:nth-of-type(2){
                                        margin: 0 12px;
                                    }
                                }
                                &>p{
                                    @fontSize:14px;
                                    text-align: center;
                                    line-height: 30px;
                                    font-size: 14px;
                                    color: #fff;
                                    @media (max-width:480px) {
                                        font-size: @fontSize*0.5;
                                    }
                                }
                            }
                        }
                        // 右侧
                        .message{
                            font-size: 17px;
                            color: #fff;
                            line-height: 71px;
                            text-align: center;
                        }
                        &>form{
                            .inputBox{
                                margin-top: 23px;
                                width: 100%;
                                background-color: #fff;
                                padding-left: 20px;
                                border-radius: 9999px;
                                &:nth-last-of-type(1){
                                    padding: 0;       
                                }
                                &>input{
                                    outline: none;
                                    border: 0;
                                    appearance: none;
                                    line-height: 40px;
                                    font-size: 13px;
                                    width: 100%;
                                    background-color: transparent;
                                    &::placeholder{
                                        color: #b7b7b7;
                                    }
                                    
                                }
                            }
                            .submitBox{
                                background-color: #008cd7;
                                font-size: 11px;
                                color: #fff;  
                            }
                        }
                    }
                }
            }
        }
    }
}